// 获取所有的item元素
let items = document.querySelectorAll(".item")

// 设置选中状态样式
function setActive(){
    // 遍历所有的item样式，移除active样式
    items.forEach( (item) =>{
        item.classList.remove("active")
    })
    // 为当前选中的item添加active样式
    this.classList.add("active")
}
//遍历所有的item元素分别设置点击事件
items.forEach((item)=>{
    item.addEventListener('click',setActive)
})


